查看原文
其他

一个前、后端分离开发的工具集Mockcat

SpringForAll 2022-12-06
关注我,回复关键字“spring”
免费领取Spring学习资料

项目简介

Mockcat 提供了 Mock 数据的模块化管理,接口数据的定义和测试(支持JSON5/XML 文档格式、Mock.js 的语法规则),Mock 数据的操作日志,以及数据的Mock服务功能。另外还提供了开发中常用的一些工具以及收藏了工具类的网站。

Mock测试

MOCK 测试就是在测试过程中,对于某些不容易构造或者不容易获取的对象,用一个虚拟的对象来创建以便测试的测试方法。

安装运行

1.安装 Node.js

2.在控制台执行以下命令:

> npm install  
  
> npm start

若运行压缩版,请将 config.js 中的 debug 置为 false,然后执行 npm run build,再执行 npm start

使用说明

添加Mock数据模块

点击【添加模块】按钮可添加新的 Mock 数据模块。对于已添加的数据模块可以修改和删除。点击【版本历史】可以查看 Mock 数据修改的版本记录,点击【代理配置】(显示为端口号)可以配置 Mock 的端口与路由的 URL(用于 Mock 数据时省略模块名,保持与开发的 URL 一致,例如:/=>/example/)。

Mock数据文件编辑

点击【MOCK 数据编辑】页面中的模块名进入到 Mock 数据的编辑页面。Mock 数据的存储使用的文件系统,与 URL 路径相对应,Mock 数据的操作与文件操作相同。选择目录树的结点,可以添加、修改或删除结点,点击【复制】按钮,在列表中可选择不同的操作复制数据、文件或文件夹。

点击【导出】按钮,可以选择导出入参和出参的 POJO 文件。点击【测试】可测试本地的 Mock 接口(类似于 Postman,但支持 JSON5 和 XML 的格式与注释),点击【链接地址】可查看 Mock 数据或文件列表。

Mock数据编辑器

Mock 数据目录只支持 JSON 和 XML 格式的数据,可以在 JSON 和 XML 数据中加入注释。一般会添加文件的注释(对接口进行说明),也可以对字段进行注释(说明字段的含义)。

注:/**/<!---->注释不能嵌套,注释和数据编辑都可以使用快捷键操作,参照如下的快捷键列表。

全屏与查找替换
列表与编辑预览

Mock接口测试

存储到系统中的 JSON 和 XML 数据文件,可以用来测试本地的 API 接口。点击【测试】,弹出的测试 Mock 接口的对话框,会将模板中的 URL、Method、Headers 和入参直接填充到对应的输入框中,然后点击【发送】即可。

首次的 URL 地址将会使用http://127.0.0.1:8080作为默认的服务器地址,可以手动修改为实际的API服务器地址,后续将会记录到 Cookie 中,不需要反复输入。若测试的接口需要登录认证,则需要先登录认证后再测试该接口。

数据的Mock服务

开发过程中前端与后台开发都可协商修改接口数据结构,编辑好的 Mock 可以用于前端开发页面使用了。选择不同的目录结点,点击【链接地址】可查看 Mock 数据 (可省略扩展名),如图所示。

待后台开发完成后可将服务器地址切换到开发服务器进行调试了,可以在地址中添加 status 参数来指定返回的状态码。注:编辑器对 JSON 和 XM L数据分别按 JSON5 和 XML 的标准进行了校验,只有符合标准才能保存和转换成 Mock 数据。

开源地址:https://gitee.com/kingwtd/mockcat


END



Spring Boot 还在用 if 校验参数?
Spring Boot 引起的 “堆外内存泄漏”
Spring CloudTencent发布Spring Boot 3匹配版本!
Spring Batch 批量处理,骚气又强大!

关注后端面试那些事,回复【2022面经】

获取最新大厂Java面经

最后重要提示:高质量的技术交流群,限时免费开放,今年抱团最重要。想进群的,关注SpringForAll社区,回复关键词:加群,拉你进群。

点击这里领取2022大厂面经

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存